<!--
 * @Description: 
 * @Version: 2.0
 * @Author: AICHEN
 * @Date: 2023-02-10 00:24:00
 * @LastEditors: AICHEN
 * @LastEditTime: 2023-02-26 18:57:55
-->
<template>
    <div class="container">
        <el-container>
            <el-header class="header">
                <Header />
            </el-header>
            <el-container class="content">
                <el-aside>
                    <Aside />
                </el-aside>

                <el-main>
                    <RouterView />
                </el-main>
            </el-container>
            <el-footer class="footer">
                <Footer />
            </el-footer>
        </el-container>
    </div>
</template>

<script setup lang='ts'>
import Header from '@/components/Header.vue';
import Footer from '@/components/Footer.vue';
import Aside from '@/components/Aside.vue';
</script>


<style  scoped>
.header {
    height: 10vh;
}

.content {
    height: 70vh;
}

.footer {
    height: 10vh;
}
</style>